import Vue from 'vue'
import App from './App.vue'
// 动态设置rem加载 - 在js代码中应该把所有的import引入模块的代码放到文件的最上方
import 'amfe-flexible'
// index 文件可以被快捷路径所忽略
// index 命名的文件对于功能可读性来说是非常差的
import router from './router/index.js'
import store from './store/index.js'
import './styles/icon.less' // 引入icon字体图标
import vant from 'vant'
import 'vant/lib/index.css'
import './styles/index.less' // 全局样式
import './utils/dayjs' // 引入时间处理模块
import _ from 'lodash' // 引入lodash
Vue.prototype.$_ = _
Vue.use(vant)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

/*
  后端返回数组数据的处理场景
  1. 前端需要将后端的数据进行遍历并渲染页面
    1.1 场景：表格，分页
    1.2 细化：移动端分页（把每一页的数据进行了拼接）， 后台分页（根据页码的不同进行数组变量的覆盖）
    1.3 示例：

  2. 当后端未对返回的数据进行筛选处理时（当前业务可能只需要一个属性的数据，但后端返回了和该属性相关的元素中所有的属性）
    2.1 示例: 前端只需要状态：已完成，未开始，进行中，已驳回，

*/
